.btn-group {
  @apply -flex -gap-px;
}

.btn-group > .btn.active {
  @apply -z-[1];
}
.btn-group > .btn:focus-within,
.btn-group > .btn:hover {
  @apply -z-[2];
}
.btn-group > .btn.disabled,
.btn-group > .btn:disabled {
  @apply -z-0;
}

.btn-group > .btn:not(:first-child) {
  @apply -rounded-l-none -border-l -border-l-canvas/20;
}
.btn-group > .btn:not(:first-child)::before {
  @apply --left-px;
}
.btn-group > .btn:not(:last-child) {
  @apply -rounded-r-none;
}
